<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="kulstats.WebCache" %>

	    <center><div id="StAPPimageDiv">
		<img src="images/StAPP_header_logo.png" id="StAPPimage" height="60px">
		</div>
		<h3 id="StAPPheaderText">Student Application For Personal Progress</h3>
		</center>
		<br/><br/>
		<div data-role="content" class="ui-grid-b" style="display: block;width:100%;">
			<div data-role="controlgroup" data-type="horizontal" class="ui-grid-d ui-block-a" style="align: left;width:85%;">
				<a href="/home"       data-role="button" class="ui-block-a" data-transition="fade" <%=(WebCache.headerElement == "home" ? " data-theme=\"b\"" : "") %>>Home</a>
				<a href="/track"      data-role="button" class="ui-block-b" data-transition="fade" rel="external"<%=(WebCache.headerElement == "track" ? " data-theme=\"b\"" : "") %>>Track</a>
				<a href="/profile"    data-role="button" class="ui-block-c" data-transition="fade" <%=(WebCache.headerElement == "profile" ? " data-theme=\"b\"" : "") %>>Profile</a>
				<a href="/stats"      data-role="button" class="ui-block-d" data-transition="fade" <%=(WebCache.headerElement == "stats" ? " data-theme=\"b\"" : "") %>>Stats</a>
				<a href="/milestones" data-role="button" class="ui-block-e" data-transition="fade" <%=(WebCache.headerElement == "milestones" ? " data-theme=\"b\"" : "") %>>Milestones</a>
			</div>
<% /*			<div data-role="controlgroup" style="width: 5%;" class="ui-block-b">
				<a href="/settings.jsp"  style="float:left;" data-role="button"  data-transition="fade" <%=(WebCache.headerElement == "settings" ? " data-theme=\"b\"" : "")  data-icon="gear" data-iconpos="notext">Settings</a>
			</div> */ %>
			<div data-role="controlgroup" style="width: 5%;" class="ui-block-b">
				<a href="/info"  style="float:left;" data-role="button"  data-transition="fade" data-rel="dialog" <%=(WebCache.headerElement == "info" ? " data-theme=\"b\"" : "") %> data-icon="info" data-iconpos="notext">Info</a>
			</div>
			<div data-role="controlgroup" style="width: 7%;" class="ui-block-c">
				<a href="<%=WebCache.logoutURL %>"  style="float:left;" data-role="button"  data-transition="fade" data-icon="logout" data-iconpos="notext" rel="external">Log out</a>
			</div>
		</div>